@charset "UTF-8";
/*
*******************************************************************************************************
# FIRST VISIT用
*******************************************************************************************************
*/
body{
	/*min-width: 920px !important;*/
}
#firstwrapper{
	width: 920px;
	height: 500px;
}

#loader{
	position: absolute;
	width: 60px;
	height: 60px;
	top:210px;
	left: 430px;
}

#firstwrapper #contents-md{
	background:#fff;

	width: 920px;
	height: 500px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	display: none;
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */

	overflow: hidden;
}

#firstwrapper #contents-md #md-main{
	background: url(../images/bg_modal.png) 0 0 no-repeat;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width: 920px;
	height: 500px;

	overflow: hidden;
}


/*
#charaarea
******************************************************/
#firstwrapper #contents-md  #charaarea #chara{
	margin-top: 182px;
	margin-left: 379px;
}

#firstwrapper #contents-md  #charaarea #chara #facearea{
	position: absolute;
	width: 130px;
	height: 92px;

	top:202px;
	left:428px;/*left:239px;*/
}

/*
#deskarea
******************************************************/
#firstwrapper #contents-md  #deskarea #desk{
	/*margin-top: -49px;*/
	margin-top: -164px;
}

#firstwrapper #contents-md  #deskarea #pc{
	margin-top: -144px;
	margin-left: 212px;
}

#firstwrapper #contents-md  #deskarea #tree{
	margin-top: -384px;
	margin-left: 43px;
}

/*
#chairarea
******************************************************/
#firstwrapper #contents-md  #chairarea #chair_l{
	margin-top: -118px;
	margin-left: 0px;
}

/*
#fukidashiarea
******************************************************/
#firstwrapper #contents-md  #fukidashiarea #greeting{
	display: none;
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
}

#firstwrapper #contents-md  #fukidashiarea #greeting .fukidashi{
	position: absolute;
	width: 252px;
	height: 150px;

	top:248px;
	left: 582px;
}

#firstwrapper #contents-md  #fukidashiarea #greeting .fukidashi img{
	margin-top: -150px;

	width: 252px;
	height:150px;

	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
}

#firstwrapper #contents-md  #fukidashiarea #greeting .com_greeting{
	position: absolute;
	width: 92px;
	height:44px;

	top:139px;
	left: 346px;

	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
}
#firstwrapper #contents-md  #fukidashiarea #comarea .com_scene1{
	position: absolute;
	width: 126px;
	height:60px;

	top:132px;
	left: 181px;

	display: none;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
}
#firstwrapper #contents-md  #fukidashiarea #comarea .com_scene2{
	position: absolute;
	width: 90px;
	height:48px;

	top:136px;
	left: 181px;

	display: none;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
}
#firstwrapper #contents-md  #fukidashiarea #comarea .com_scene3{
	position: absolute;
	width: 94px;
	height:54px;

	top:133px;
	left: 175px;

	display: none;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
}

#firstwrapper #contents-md  #fukidashiarea #comarea .com_scene4{
	position: absolute;
	width: 109px;
	height:39px;

	top:136px;
	left: 178px;

	display: none;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
}


/*
#md-quest
******************************************************/
#wrapper-quest{
	position: relative;
	width: 920px;
	height: 500px;

	margin-top: -500px;
	overflow: hidden;
}

#md-quest{
	background: url(/static/top/modal/images/bg_quest.png) 0 0 no-repeat;
	position: absolute;

	width: 456px;
	height: 446px;

	top:26px;
	left: 930px;/*left: 436px;*/
}


#md-quest #questarea{
	width: 450px;
	height: 440px;
	margin-top:3px;
	margin-left: 3px;

	/*overflow: hidden;*/
}

#md-quest #questarea #scenearea{
	position: relative;
	width: 450px;
	height: 440px;
}

/******************************************/
#md-quest #questarea .ttl-quest{
	margin-bottom: 20px;
}

#md-quest #questarea .ml16{
	margin-left: 16px;
}
#md-quest #questarea .ml13{
	margin-left: 13px;
}

#md-quest #questarea .btn-back{
	position: absolute;
	width: 93px;
	height: 28px;
	top:37px;
	left: 17px;
}

#md-quest #questarea .btn-search{
	text-align: center;
	margin-top: 14px;
}

#md-quest #questarea #scene2 .ttl-quest, #md-quest #questarea #scene3 .ttl-quest, #md-quest #questarea #scene4 .ttl-quest{
	margin-left: 130px;
}

#md-quest #questarea #scene1{
	position: absolute;

	width: 450px;
	height: 440px;

	top:0;
	left: 0;

	text-align: center;
}

#md-quest #questarea #scene2,#md-quest #questarea #scene3,#md-quest #questarea #scene4{
	position: absolute;

	width: 416px;
	height: 440px;

	top:0;
	left: 0;

	padding: 37px 17px 0;
}

/*
#scene1
******************************************************/
#md-quest #questarea #scene1 .ttl-quest{
	margin-top: 118px;
}

#md-quest #questarea #scene1 .btn-back{
	margin-top: 69px;
}

#md-quest #questarea #scene1 .station{
	width: 384px;
}

#md-quest #questarea #scene1 input[type="text"]{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #0A3F94;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 10px;
	font-size: 20px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 5px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset;
	/*margin-right: 5px;*/
	/*vertical-align: middle;*/
	color: #898989;
}

#md-quest #questarea #scene1 .input-focus {
	color: #000000 !important;
}

#md-quest #questarea #scene1 .scene1-error{
	text-align: center;
	
	color: #ff48af;
	font-size: 20px;
	font-weight: bold;
	
	line-height: 1.4;
	margin-top: 20px;
}

/**********************************/
#md-quest #questarea #scene1 .select_list {

	position: absolute;
	top: 226px;
	left: 28px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #FFF;
	padding: 7px 0px;
	width: 394px;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
}
#md-quest #questarea #scene1 .select_list li {
	display: block;
	margin-right: 0px;

	font-size: 13px;
}
#md-quest #questarea #scene1 .select_list a {
	text-align: left;
	display: block;
	padding: 7px 10px;
}

#md-quest #questarea #scene1 .select_list a:link {
	color: #000;
}

#md-quest #questarea #scene1 .select_list a:hover {
	background: #E5EBF4;
	color: #000;
}

/*
#scene2
******************************************************/
#md-quest #questarea #scene2 li{
	float: left;
	margin-bottom: 10px;
}

#md-quest #questarea #scene2 li.li-last{
	margin-bottom: 0px;
}

/*
#scene3
******************************************************/
#md-quest #questarea #scene3 .ttl-quest{
	margin-bottom: 50px;
}

#md-quest #questarea #scene3 li{
	float: left;
}

/*
#scene4
******************************************************/
#md-quest #questarea #scene4 .ttl-quest{
	margin-bottom: 36px;
}

#md-quest #questarea #scene4 #scene4-confirm{
	width: 370px;/*416px;*/
	padding:0 23px;
}

#md-quest #questarea #scene4 #scene4-confirm li{
	padding-top: 4px;
	padding-bottom: 17px;
	padding-left: 92px;

	font-size: 16px;
}

#md-quest #questarea #scene4 #scene4-confirm .station{
	background: url(../images/icon_station.png) 0 0 no-repeat;

}
#md-quest #questarea #scene4 #scene4-confirm .numbers{
	background: url(../images/icon_numbers.png) 0 0 no-repeat;
}
#md-quest #questarea #scene4 #scene4-confirm .rent{
	background: url(../images/icon_rent.png) 0 0 no-repeat;
}

#md-quest #questarea #scene4 #scene4-confirm .araeofroom{
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #9b802e;
}

/*
#md-door
******************************************************/
#firstwrapper #contents-md #md-door #door_l{
	margin-top:-500px;
	margin-left: 0px;
}

#firstwrapper #contents-md #md-door #door_r{
	margin-top:-500px;
	margin-left: 460px;
}

.btn-search a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

.btn-back a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

#wrapper-quest #md-quest #questarea #scenearea ul li.mover a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
